<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>“网上书城”登录页面</title>
    <style type="text/css">
        img.normal
        {
            height: auto
        }

        img.big
        {
            height: 160px
        }

        img.small
        {
            height: 30px
        }
        li{float: left;text-align: center;list-style-type: none}
        a{float: left;width: 120px;text-decoration: none;color: white;background-color: purple;padding: 3px 10px;
            border-right: 1px solid white}
        a:hover{background-color: yellow}
    </style>
</head>
<body>
<form action="#" method="get">
    <table align="center" border="1" cellpadding="1" width="99%">
        <tr>
            <td colspan="2" width="99%">
                <img class="small" src="../imgs/tupian.jpg" /> MY_BOOKING  <font color="purple">网上书城</font>
            </td>
        </tr>
        <tr bgcolor="4A8AF4">
            <td >
            <ul>
                <li><a href="#">首页</a> </li>
                <li><a href="#">用户管理</a> </li>
                <li><a href="#">购物车</a> </li>
                <li><a href="#">订单</a> </li>
                <li><a href="#">退出</a> </li>
            </ul>
            </td>
        </tr>
        <tr>
            <td colspan="2">>>欢迎光临 网上书城</td>
        </tr>
        <tr>
            <td colspan="2">>>网上书城--用户登录</td>
        </tr>
        <tr bgcolor="4A8AF4">
            <td align="center" >输入您的用户名：密码登录</td>
        </tr>
        <tr>
            <td colspan="2"> 请输入您的用户名</td>
            <td><input type="text" name="username" id="username">没有注册？</td>
        </tr>
        <tr>
            <td colspan="2"> 请输入您的密码</td>
            <td><input name="userpw" id="userpw"></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" name="submit" id="submit"></td>
        </tr>
    </table>
</form>

</body>
</html>